<html>
<head>
    <!-- 引入bootstraptable需要的css和js -->
    <!-- css -->
    <!-- 需要依赖的bootstrap css -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- bootstrap table css -->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.css">
    <!-- 数据导入 -->
    <link rel="stylesheet" href="/static/common/bootstrap-fileinput-master/css/fileinput.min.css">
    <!-- js -->
    <!-- 需要依赖jquery -->
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <!-- bootstrap table js -->
    <script src="/static/common/bootstrap/js/bootstrap-table.js"></script>
    <script src="/static/common/bootstrap/js/bootstrap-table-zh-CN.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- 引入导出所需要的js -->
    <script src="/static/common/tableExport.jquery.plugin-master/tableExport.jquery.plugin-master/tableExport.js"></script>
    <!-- 数据导入 -->
    <script src="/static/common/bootstrap-fileinput-master/js/fileinput.min.js"></script>
    <script src="/static/common/bootstrap-fileinput-master/js/locales/zh.js"></script>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <!-- 面包屑导航 -->
                <div>
                    <ol class="breadcrumb">
                        <li id="shop">商城</li>
                        <li id="pointer"><span class="glyphicon glyphicon-check"></span>我的关注</li>
                        <li id="exit" style="float: right; cursor:pointer"><a href="/user/logout.do">退出</a></li>
                    </ol>
                </div>

                <!-- 轮播图 -->
                <div id="myCarousel" class="carousel slide" style="width: 1140px; height: 240px">
                    <!-- 轮播（Carousel）指标 -->
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner" style="width: 1140px; height: 240px">
                        <div class="item active">
                            <img src="/static/seller/images/house1.jpg" alt="First slide" width="1140px" height="240px">
                        </div>
                        <div class="item">
                            <img src="/static/seller/images/house2.jpg" alt="Second slide" width="1140px" height="240px">
                        </div>
                        <div class="item">
                            <img src="/static/seller/images/house3.jpg" alt="Third slide" width="1140px" height="240px">
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>

                <!-- 商城显示 -->
                <div id="myshop">
                    <!-- 查询条件 -->
                    <div class="panel panel-default">
                        <div class="panel-heading">价格查询条件</div>
                        <div class="panel-body">
                            <form id="formSearch" class="form-horizontal">
                                <div class="form-group" style="margin-top:15px">
                                    <label class="control-label col-sm-1" for="txt_search_name">最低价格</label>
                                    <div class="col-sm-3">
                                        <input style="display: inline-block; width: 138px; float: left;" type="text" class="form-control"  id="minPrice">
                                    </div>
                                    <label class="control-label col-sm-1" for="txt_search_phone">最高价格</label>
                                    <div class="col-sm-3">
                                        <input style="display: inline-block; width: 138px; float: left; margin-left: 15px;" type="text" class="form-control"  id="maxPrice">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">面积查询条件</div>
                        <div class="panel-body">
                            <form id="formSearch" class="form-horizontal">
                                <div class="form-group" style="margin-top:15px">
                                    <label class="control-label col-sm-1" for="txt_search_name">最小面积</label>
                                    <div class="col-sm-3">
                                        <input style="ddisplay: inline-block; width: 138px; float: left; margin-left: 15px;" type="text" class="form-control"  id="minSize">
                                    </div>
                                    <label class="control-label col-sm-1" for="txt_search_phone">最大面积</label>
                                    <div class="col-sm-3">
                                        <input style="display: inline-block; width: 138px; float: left; margin-left: 15px;" type="text" class="form-control"  id="maxSize">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">位置查询条件</div>
                        <div class="panel-body">
                            <form id="formSearch" class="form-horizontal">
                                <div class="form-group" style="margin-top:15px">
                                    <label class="control-label col-sm-1" for="txt_search_name">城市</label>
                                    <div class="col-sm-2">
                                        <input style="display: inline-block; width: 138px; float: left;" type="text" class="form-control"  id="city">
                                    </div>
                                    <label class="control-label col-sm-1" for="txt_search_phone">区</label>
                                    <div class="col-sm-2">
                                        <input style="display: inline-block; width: 138px; float: left; margin-left: 15px;" type="text" class="form-control"  id="area" >
                                    </div>
                                    <label class="control-label col-sm-1" for="txt_search_phone">街道</label>
                                    <div class="col-sm-2">
                                        <input style="display: inline-block; width: 138px; float: left; margin-left: 15px;" type="text" class="form-control"  id="street">
                                    </div>
                                    <div class="col-sm-3" style="text-align:left;">
                                        <button type="button" style="margin-left:50px" id="btn_query" class="btn btn-primary">查询</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div>
                        <!-- 表格数据显示 -->
                        <table id="tb_shop" border="0"> </table>
                    </div>
                </div>

                <!-- 我的关注 -->
                <div id="mypointer">
                    <div>
                        <button id="btn_delete" type="button" class="btn btn-default">
                        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
                    </div>
                    <div>
                        <!-- 表格数据显示 -->
                        <table id="tb_attention"></table>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 我的js -->
    <script src="/static/buyer/buyer.js"></script>
</body>
</html>